<link rel="stylesheet" href="css/lonix/lonix.downlist.css" />
<style>
	#parking_lot_edit_frame {
		position: absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
	}
	#parking_lot_edit_frame .step-content-item {
		padding:0px !important;
	}
	#parking_lot_edit_frame .header-owner {
		height:70px;
		background:#eeeeee;
	}
	#parking_lot_edit_frame .total-info {
		position:relative;
		height:80px;
		padding-left:130px;
		background:#ffffff;
	}
	#parking_lot_edit_frame .header-owner-head-div {
		position:absolute;
		top:35px;
		left:15px;
		display:inline-block;
		width:100px;
		height:100px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;;
		z-index:9;
	}
	#parking_lot_edit_frame .header-owner-head-div img {
		width:96px;
		height:96px;
		border-radius:100px;
		border:2px solid #ffffff;
	}
	#parking_lot_edit_frame .total-info-ul {
		margin:0;
		padding:0;
	}
	#parking_lot_edit_frame .total-info-ul li {
		position:relative;
		margin:0;
		padding:0;
		float:left;
		width:72px;
		height:70px;
		margin-right:30px;
		list-style:none;
		text-align:right;
		padding-top:10px;
		padding-right:5px;
		background-color:#ffffff;
		transition:all ease .2s;
	}
	#parking_lot_edit_frame .option-div {
		position:absolute;
		right:0;
		width:250px;
		top:0;bottom:0;
	}
	#parking_lot_edit_frame .total-info-ul li .title {
		font-size:14px;
		display:block;
		color:#666;
	}
	#parking_lot_edit_frame .total-info-ul li .value {
		font-size:28px;
		display:block;
		font-family:'华文细黑';
	}
	#parking_lot_edit_frame .will {
		font-size:16px;
		color:#ff6633 !important;
	}
	#parking_lot_edit_frame .header-owner-info {
		position:absolute;
		left:130px; top:0;
	}
	#parking_lot_edit_frame .header-owner-info .owner-name {
		position:absolute;
		top:35px;
		left:15px;
		margin:0;
		width:320px;
		font-weight:normal;
		font-family:'微软雅黑';
		font-size:22px;
	}
	/* =====按钮===== */
	.lonix-btn {
		display: inline-block;
		border:1px solid;
		padding:0px 10px;
		height:30px;
		border-radius:3px;
		transition:all ease .2s;
		line-height:30px;
		text-decoration: none;
	}
	.lonix-btn.small {
		height: 24px;
		line-height: 24px;
		padding: 0 8px;
		font-size: 12px;
		margin:0;
	}
	.lonix-btn.green {
		color:#ffffff;
		border-color: #2b8459;
		background-color: #389b89;
		box-shadow: 0px 1px 0px #49b69a inset;
	}
	.lonix-btn.green:hover {
		background: #3da894;
		text-decoration: none;
	}
	.lonix-btn.green:active{
		box-shadow: 1px 1px 3px rgba(0,0,0, .3) inset;
	}
	.lonix-btn.blue {
		color:#ffffff;
		border-color: #3998b4;
		background-color: #3ea5c3;
		box-shadow: 0px 1px 0px #41beff inset;
	}
	.lonix-btn.blue:hover {
		background-color: #42afcf;
		text-decoration: none;
	}
	.lonix-btn.blue:active{
		box-shadow: 1px 1px 3px rgba(0,0,0, .3) inset;
	}
	.lonix-btn.red {
		color:#ffffff;
		border-color: #d95c5f;
		background-color: #fc6f72;
		box-shadow: 0px 1px 0px #ff5843 inset;
	}
	.lonix-btn.red:hover {
		background-color: #fa7c7e;
		text-decoration: none;
	}
	.lonix-btn.red:active{
		box-shadow: 1px 1px 3px rgba(0,0,0, .3) inset;
	}
	/* =====按钮===== */
	#parking_lot_edit_frame .item-list {
		position:absolute;
		top:0;bottom:0;
		left:0;right: 57%;
		border-right:1px solid #e0e0e0;
		background:#f5f5f5;
	}
	#parking_lot_edit_frame .item-list-title {
		margin:0;
		font-size: 20px;
		font-weight:normal;
		font-family:'华文细黑';
		margin-left:25px;
		margin-right:25px;
		margin-top:20px;
		border-bottom:1px solid #eeeeee;
	}
	#parking_lot_edit_frame .item-list-node {
		position:relative;
		height:60px;
		width:100%;
		margin:20px 0;
	}
	#parking_lot_edit_frame .item-list-node:after {
		position:absolute;
		top:48px;left:38px;
		width:4px;
		height:48px;
		background:#e1e1e1;
		content:'';
		z-index:9;
	}
	#parking_lot_edit_frame .item-list-node:last-child:after {
		display:none;
	}
	#parking_lot_edit_frame .node-img {
		position:absolute;
		width:40px;
		height:40px;
		top:10px;
		left:20px;
		border-radius:50px;
		z-index:10;
	}
	#parking_lot_edit_frame .node-title {
		position:absolute;
		font-size:16px;
		margin:0;
		top:12px;
		left:65px;
	}
	#parking_lot_edit_frame .node-date {
		position:absolute;
		margin:0;
		top:30px;
		left:65px;
		font-size:10px;
		color:#999;
	}
	#parking_lot_edit_frame .node-content {
		position:absolute;
		margin-top:5px;
		padding:5px !important;
		font-size: 14px;
		top:12px;
		left:150px;
		width:235px;
		padding:10px 0;
		border-bottom:1px solid #e0e0e0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#parking_lot_edit_frame .parking-lot {
		position:absolute;
		left:43%;
		right:0;
		height:465px;
		padding:10px;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	#parking_lot_edit_frame .parking-lot-type-title {
		background:#eeeeee;
		padding:5px;
		font-size:12px;
		margin:5px 0;
	}
	#parking_lot_edit_frame .delay-time {
		position: relative;
		display:inline-block;
		margin:2px 0px;
	}
	#parking_lot_edit_frame .delay-time-after-time span {
		font-size:14px;
	}
	#parking_lot_edit_frame .buy-list {
		min-width:740px;
		border:none;
		margin:0 5px;
		overflow:hidden;
		border-collapse:collapse;
	}
	#parking_lot_edit_frame .buy-list-title {
		top:1px;
		margin:0;
		padding:0;
		color:#E4393C;
		font-weight:normal;
		padding:5px;
		margin-top:2px;
		font-size:18px;
		position:relative;
		display:inline-block;
		border-bottom:1px solid #E4393C;
	}
	#parking_lot_edit_frame .buy-list-header {
		width:100%;
		background:#F3F3F3;
		border:1px solid #e9e9e9;
		border-top:1px solid #e0e0e0;
		float:left;
	}
	#parking_lot_edit_frame .buy-list-header-item {
		display:inline-block;
		font-size:14px;
		color:#666;
		float:left;
		padding:10px 8px;
		font-weight:normal;
	}
	#parking_lot_edit_frame .buy-list-body {
		width:100%;
		overflow-x: hidden;
		overflow-y: auto;
		height:300px;
	}
	#parking_lot_edit_frame .buy-list-body-row {
		width:100%;
		height:100px;
		clear:both;
		border-bottom:2px solid #eeeeee;
	}
	#parking_lot_edit_frame .buy-list-body-cell {
		float:left;
		position:relative;
		padding:10px 8px;
	}
	#parking_lot_edit_frame .goods-logo {
		width:60px;
		height:60px;
		margin:0 3px;
		background:url("images/buycar.png") no-repeat center;
		background-size:cover;
		float:left;
	}
	#parking_lot_edit_frame .detail-info {
		height:80px;
		float:left;
		max-width:450px;
		font-size:12px;
	}
	#parking_lot_edit_frame p {
		margin:5px 2px;
	}
	#parking_lot_edit_frame .detail-info p {
		font-size:12px !important;
	}
	#parking_lot_edit_frame .buy-list-footer {
		clear:both;
		height:60px;
		margin-top:15px;
		line-height:30px;
		border:1px solid #eeeeee;
	}
	#parking_lot_edit_frame .total-price {
		color:red;
		font-size:20px;
		font-weight:bold;
		font-family:'华文细黑';
	}
	#parking_lot_edit_frame .total-price:before {
		content: '￥';
	}
	#parking_lot_edit_frame .save-price {
		color:#666;
		font-size:12px;
		font-family:'华文细黑';
	}
	#parking_lot_edit_frame .save-price:before {
		content: '￥';
	}
	#parking_lot_edit_frame .node-price {
		display:block;
		font-size: 14px;
		margin: 8px 0px;
		color:red;
	}
	#parking_lot_edit_frame .node-price:before {
		color: red;
		content: '￥';
	}
	#parking_lot_edit_frame .preferential-price {
		color:#666;
	}
	#parking_lot_edit_frame .preferential-price:before {
		color:#666;
		content: '￥';
	}
	#parking_lot_edit_frame .node-preferential {
		display:block;
	}
	#parking_lot_edit_frame .disabled {
		color:#eee;
		border-color: #c9c9c9;
		background: #c9c9c9;
		box-shadow:none;
	}
	#parking_lot_edit_frame .disabled:hover {
		color:#eee;
		background: #c9c9c9;
		border-color: #c9c9c9;
		box-shadow:none;
	}
	#parking_lot_edit_frame .QR-code-frame {
		position: absolute;
		left:21px;
		top:460px;
		border:1px solid #cccccc;
		height:150px;
		width:150px;
		content: '二维码';
	}
	#parking_lot_edit_frame .update-save {
		position: absolute;
		right:10px;
		top:70px;
		display: none;
	}
	#parking_lot_edit_frame .delay-time input:after {
		content: ' ';
		width:23px;
		height:16px;
		background: #ffffff;
		position: absolute;
		top:0;
		left:0;
	}
	.org-case{
		width:700px;
		min-height:200px;
		position:relative;
	}
	.org-case .org-carCon{
		display: inline-block;
		margin-left: 100px;
	}
	.org-panel {
		width:350px;
		height:195px;
		border:2px solid #333;
		border-radius:12px;
		display:inline-block;
		margin:5px;
		position:relative;
		float:left;
		padding:0px;
		margin-top:20px;
	}
	.org-panel .org-panel-title {
		position:relative;
		bottom:22px;
		text-align:center;
		padding:0 45px;
		margin:0 auto;
		font-family:'Yahei Light';
	}
	.org-panel .org-panel-title div:empty {
		color:#ccc;
	}
	.org-panel .org-panel-title div:empty:after {
		content: attr(placeholder);
	}
	.org-panel .org-panel-title p,
	.org-panel .org-panel-title div {
		display:block;
		border:none;
		padding:0 5px;
		font-size:24px;
		background:#fff;
		font-weight: normal;
		text-align:center;
		margin:0 auto;
		overflow:visible;
		word-break: keep-all;
	}
	.org-panel .org-panel-title small {
		margin:0;
		padding:0;
		font-size:14px;
		height:15px;
		text-align:center;
	}
	.org-panel .org-content {
		position:absolute;
		top:45px;
		left:0;right:0;
		bottom:0px;
		padding:0px 10px;
	}
	.org-panel .org-content span.sp-list{
		display:inline-block;
		width:48%;
		text-align:center;
		line-height:25px;
	}
	.org-panel .org-content .unit{
		color:#ff6633;
	}
	.org-panel .org-content .unit i{
		font-size:20px;
		font-weight:700;
	}
	.org-panel .org-content a {
		text-decoration: none;
	}
	.org-panel .card-blance{
		position:absolute;
		bottom:8px;
	}
	.card-blance span {
		font-size:16px;
	}
	.org-panel .bottom-flag {
		height:0;
		width:50px;
		border-left:30px solid transparent;
		border-right:30px solid transparent;
		border-top:30px solid #333;
		transform:rotate(-45deg);
		position:absolute;
		right:-27px;
		bottom:13px;
	}
	.org-panel .bottom-flag span{
		position:absolute;
		top:-27px;
		color:#fff;
	}
	.org-panel.blue{
		border-color:#87cbdf;
	}
	.org-panel .card-type {
		margin-top:5px;
	}
	.org-panel .bottom-flag.blue{
		border-top:30px solid #70bbd1;
	}
	.org-panel .org-panel-title p.blue {
		color:#3fa4c2;
	}
	.org-panel .org-panel-title small.blue{
		color:#19667d;
	}
	.org-panel .org-content.blue{
		color:#19667d;
	}
	.org-panel.green{
		border-color:#7ec9bd;
	}
	.org-panel .bottom-flag.green{
		border-top:30px solid #76baa5;
	}
	.org-panel .org-panel-title p.green {
		color:#399c8a;
	}
	.org-panel .org-panel-title small.green{
		color:#0b725f;
	}
	.org-panel .org-content.green{
		color:#0b725f;
	}
	.org-types {
		width:50px;
		height:50px;
		border-radius:50px;
		background:#ccc;
		box-shadow:0 0 3px rgba(0, 0, 0, .5);
		position:absolute;
		left:0;
		top:60px;
		display:inline-block;
		float:left;
		margin:0 20px;
	}
	.org-types span{
		width:36px;
		height:36px;
		line-height:36px;
		border-radius:36px;
		display:inline-block;
		border:3px solid rgba(255, 255, 255, .4);
		text-align:center;
		font-size:22px;
		font-weight:normal;
		text-shadow:0 1px 1px rgba(255, 255, 255, .2);
		position:absolute;
		top:4px;
		left:4px;
	}
	.org-types.blue{
		background:linear-gradient(top, #76cae4, #3aa1bf);
		background:-moz-linear-gradient(top, #76cae4, #3aa1bf);
		background:-webkit-linear-gradient(top, #76cae4, #3aa1bf);
	}
	.org-types.blue span{
		color:#19667d;
	}
	.org-types.green{
		background:linear-gradient(top, #3bbba4, #399b89);
		background:-moz-linear-gradient(top, #3bbba4, #399b89);
		background:-webkit-linear-gradient(top, #3bbba4, #399b89);
	}
	.org-types.green span{
		color:#0b725f;
	}
	.org-panel .org-line{
		position:absolute;
		top:90px;
		left:-35px;
		width:27px;
		border-width:0 0 2px 0;
		border-style: dashed;
	}
	.org-panel .org-line.blue{border-color:#3fa4c2}
	.org-panel .org-line.green{border-color:#399c8a;}

	.card-category span {
		font-size:18px;
		font-weight: normal;
	}
	.org-panel .org-panel.vehicle {
		position:absolute;
		right:-165px;
		width:120px;
		top:-48px;
		margin:0 auto;
	}
	.org-panel.vehicle .org-content {
		position:absolute;
		top:15px;
		padding:3px;
		text-align:center;
	}
	.org-panel.vehicle > .org-panel-title {
		padding:0 10px;
	}
	.add-vehicle-list {
		position:fixed;
		width:100px;
		display:none;
		background: #fff;
		padding:5px 0px;
		z-index:99;
		border:1px solid #ccc;
		border-radius: 3px;
		box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
	}
	.add-vehicle-list a {
		display: block;
		padding:5px 10px;
		text-decoration: none;
	}
	.add-vehicle-list a:hover {
		background: #eeeeee;
	}
	.no-data {
		position:absolute;
		top:50%;
		margin-top:-27px;
		font-size:18px;
		left:20%;
	}
	.begin-time, .end-time {
		font-size:12px;
	}
	.page-1 > div, .page-2 .space-delay > div {
		margin:5px 0;
	}
	.page-1, .page-2 {
		position: absolute;
		top:0;left:0;
		right:0;bottom:0;
		padding: 0px 10px;
	}
	.recharge-money {
		width:150px;
		border:1px solid #ccc;
		border-radius:3px;
		padding:3px 5px;
	}
</style>
<article id="parking_lot_edit_frame" style="background:#ffffff">
	<div class="step two" style="width:100%;height:670px; border:none;">
		<div class="step-heads" style="display: none">
			<div class="step-head" data-no="1">
				<div class="step-title">车位相关</div>
				<div class="step-desc">车位相关信息与操作</div>
			</div>
			<div class="step-head" data-no="2">
				<div class="step-title">结算清单</div>
				<div class="step-desc">购买或续期后整理清单</div>
			</div>
		</div>
		<div class="step-content" style="height: 670px;">
			<div class="step-content-item" data-no="1">
				<div class="header-owner">
					<div class="header-owner-head-div" style="background-color:#e0e0e0">
						<img src="images/icon-default.png" width="100" height="100" />
					</div>
					<div class="header-owner-info">
						<h2 class="owner-name">张三</h2>
						<input class="owner-code" type="hidden" />
					</div>
				</div>
				<div class="total-info">
					<ul class="total-info-ul">
						<li id="have-vehicle">
							<span class="title">拥有车辆</span>
							<span class="value">0</span>
						</li>
						<li id="have-ic-card">
							<span class="title">拥有实卡</span>
							<span class="value">0</span>
						</li>
						<li id="have-space">
							<span class="title">拥有车位</span>
							<span class="value">0</span>
						</li>
						<li id="will-due">
							<span class="title will">即将到期</span>
							<span class="value will">0</span>
						</li>
					</ul>
					<div class="option-div">
						<a class="lonix-btn blue" id="buy-parking" data-bind="click:buy_month" style="margin-top:25px;margin-left:10px;">办理月卡</a>
						<a class="lonix-btn green" id="edit-parking" data-bind="click:buy_store" style="margin-top:25px;margin-left:10px;display:none;">办理储值卡</a>
						<!--<a class="lonix-btn green" id="edit-parking" data-bind="click:edit_space">修改车位</a>-->
					</div>
				</div>
				<hr style="border-color:#e9e9e9; border-width:1px; border-style:solid; border-bottom:none;margin:0;">
				<div class="parking-body" style="position:relative;height:465px;">
					<div class="item-list">
						<h1 class="item-list-title"><span class="will">购置/续期</span> 明细清单</h1>
						<div class="item-list-content" style="height: 418px;overflow-y: scroll;"></div>
					</div>
					<div class="parking-lot">
						<div class="add-vehicle-list">
							<ul></ul>
						</div>
						<div class="org-panel blue" id="org-module" style="display: none;">
							<div class="org-panel-title">
								<div class="blue" contenteditable="true" placeholder="不填系统自动生成"></div>
								<small class="blue">XXXX.XX.XX~XXXX.XX.XX</small>
							</div>
							<div class="org-content blue">
								<div class="page-1">
									<h3 class="card-category"><span>车位详细信息</span></h3>
									<div class="space-type">类型：<span></span></div>
									<div class="partition-code">分区：<span></span></div>
									<a class="lonix-btn small red delete-card" href="javascript:void(0);" onclick="parkingLotEdit.removeSpace(this)">注销卡</a>
									<a class="lonix-btn small blue renewal-card" href="javascript:void(0);" onclick="parkingLotEdit.renewalCard(this)">续期/充值</a>
									<div class="card-blance">
										<span>有效期：</span>
										<span class="unit"></span>
									</div>
								</div>
								<div class="page-2" style="display:none;">
									<div class="validate-time" style="display:inline-block">
										起始时间：<input name="beginTime" data-bind="value:beginTime" style="width:120px" />&nbsp;&nbsp;
									</div>
									<div class="delay-time">
										<span class="delay-time-title">租凭：</span>
										<span style="position: absolute; background: #fff; height: 18px; width: 15px; top: 2px; right: 16px;"></span>
										<input type="number" value="1" min="1" max="1200" maxlength="4" step="1" pattern="\d*" onkeyup="parkingLotEdit.parkingLotEditChangeMonthEvent(this)" style="width:40px" />月
									</div>
									<div class="space-delay">
										<div class="space-partition">
											所属分区：
											<div class="potion-code lonix downlist" style="display:inline-block"><span class="title"></span>
												<div class="lonix float-frame float potion-tree">
													<div class="lonix float-header">
														<input type="text" class="lonix search-input" maxlength="15" placeholder="搜索" />
													</div>
													<div class="lonix float-body">
														<ul class="ztree"></ul>
													</div>
													<div class="lonix float-prompt"></div>
													<div class="lonix float-footer">
														<div class="lonix button-group">
															<button class="lonix button primary">确认</button>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="space-type">
											车位类型：
											<div class="type-code" style="display:inline-block;"></div>
										</div>
										<a href="javascript:void(0);" class="lonix-btn small blue add-buy-list" style="float: right;margin-right: 5px;margin-top: -30px;" onclick="parkingLotEdit.parkingLotEditAddToBuyList(this)">添加到清单</a>
										<a href="javascript:void(0);" class="lonix-btn small red" onclick="parkingLotEdit.removeSpace(this)">注销/删除</a>
										<a class="lonix-btn small blue return-info" href="javascript:void(0);" onclick="parkingLotEdit.returnInfo(this)">返回</a>
									</div>
									<div class="card-blance">
										<span>续期后：</span>
										<span><span class="begin-time"></span>~<span class="end-time"></span></span>
									</div>
								</div>
								<div class="org-panel vehicle blue">
									<div class="org-line blue"></div>
									<div class="org-panel-title">
										<p class="blue">车辆</p>
									</div>
									<div class="org-content">
										<ul style="margin-top:30px;"></ul>
										<a class="bind-vehicle-btn" style="position:absolute;border-bottom-left-radius:12px;border-bottom-right-radius:12px;left:0;top:0;height:25px;width:100%;text-align:center;" href="javascript:void(0);" onclick="parkingLotEdit.showCanAddVehicle(this, event)">添加绑定</a>
									</div>
									<div class="bottom-flag blue">
										<span></span>
									</div>
								</div>
								<div class="bottom-flag blue">
									<span>租凭位</span>
								</div>
							</div>
						</div>
						<div id="month-card">
							<div class="no-data">暂无数据</div>
						</div>
					</div>
				</div>
				<div class="lonix button-frame">
					<button class="next-step finish-step">去结算</button>
				</div>
			</div>
			<div class="step-content-item" data-no="2">
				<div class="buy-list">
					<h2 class="buy-list-title">缴费清单</h2>
					<div class="buy-list-header">
						<div class="buy-list-header-item" style="width:550px;">订单号./车位号</div>
						<div class="buy-list-header-item" style="width:130px;text-align:right;">收费标准</div>
						<div class="buy-list-header-item" style="width:60px;text-align:center;">数量</div>
						<div class="buy-list-header-item" style="width:100px; text-align:right;">小计</div>
						<div class="buy-list-header-item" style="width:50px; text-align:right">操作</div>
					</div>
					<div class="buy-list-body">
						<p id="nothing" style="float:left;width:100%; font-size:22px; text-align:center; margin:20px 0;font-weight:100;">暂未有任何缴费清单</p>
						<div class="buy-list-body-row" id="buy-list-row-template" style="display: none !important;">
							<div class="buy-list-body-cell" style="width:550px;">
								<div class="goods-logo"></div>
								<div class="detail-info">
									<p class="serial-number">../.</p>
									<p class="vehicle-type">../.</p>
									<p class="pay-project">..</p>
									<p class="remark">..</p>
									<input type="hidden" class="begin-time" />
									<input type="hidden" class="end-time" />
									<input type="hidden" class="partition-code" />
									<input type="hidden" class="card-type" />
									<input type="hidden" class="space-code" />
								</div>
							</div>
							<div class="buy-list-body-cell" style="width:130px;text-align: center">
								<span class="toll-standard">
									<select onchange="parkingLotEditChangeTollStandard(this)"></select>
								</span>
							</div>
							<div class="buy-list-body-cell" style="width:60px;text-align: center">
								<span class="buy-count"></span>
							</div>
							<div class="buy-list-body-cell" style="width:100px;text-align:right;">
								<span class="node-preferential">
									<select style="max-width:100px;"></select>
								</span>
								<span class="node-price">0.0</span>
								<span class="preferential-price">0.0</span>
							</div>
							<div class="buy-list-body-cell" style="width:50px; text-align:right; font-size:13px;">
								<a class="delete-cur-data">删除</a>
							</div>
						</div>
					</div>
					<div class="buy-list-footer">
						<div style="width:400px;padding:0 8px;height:1px;float:left;">
							暂仅支持付现<input type="text" id="charges-type" style="width:120px;display: none; visibility: hidden">
						</div>
						<div style="width:110px;padding:0 8px;height:1px;float:left;text-align:right;">
							<p class="total-goods" style="font-size:12px;margin:0;">总共<span style="color:red;margin:0 5px;">0</span>条缴费</p>
						</div>
						<div style="float:left;padding:0 8px;text-align:right;width:150px;height:1px; font-size:12px;">
							<p class="total-price-frame" style="margin:0; color:#999">总价：<span class="total-price">0.0</span></p>
							<p class="save-price-frame" style="margin:0; color:#999">省了：<span class="save-price">0.0</span></p>
						</div>
					</div>
					<div class="QR-code-frame" style="display: none;"></div>
				</div>
				<div class="lonix button-frame">
					<button class="prev-step">上一步</button>
					<a class="prev-step finish-step" data-bind="click:save_info">清算完毕</a>
				</div>
			</div>
		</div>
	</div>
</article>
<script src="js/ztree/jquery.ztree.all.min.js"></script>
<script src="js/lonix/lonix.downlist.js"></script>
<script src="js/lonix/lonix.float.js"></script>
<script src="views/parkLotCenter/parkingLotInfo/js/parking_log/parking_lot_edit.js"></script>
<script>
	var parkingLotEdit = new ParkingLotEdit($('#parking_lot_edit_frame'));
	$('button.prev-step').bind('click', function(e) {
		var no = $(this).parents('.step-content-item').attr('data-no');
		$('.step-head[data-no="'+(--no)+'"]').click();
	});
	$('button.next-step').bind('click', function(e) {
		var no = $(this).parents('.step-content-item').attr('data-no');
		$('.step-head[data-no="'+(++no)+'"]').click();
	});
	$('.step-head').bind('click', function(e) {
		if ($(this).hasClass('active')) {
			return;
		}
		var no = $(this).attr('data-no');
		$('.step-head').removeClass('active');
		$('.step-head').removeClass('completed');

		$(this).prevAll().addClass('completed');
		$(this).addClass('active');
		$('.step-content .step-content-item').fadeOut(200);
		$('.step-content .step-content-item[data-no="'+no+'"]').fadeIn(200);
	});
	if ($('.step-head.active').length < 1) {
		$('.step-head:eq(0)').click();
	}
</script>
